<template>

   <div>
     <el-table
       :data="tableData"
       border
       style="width: 100%">
       <el-table-column
         prop="id"
         label="编号"
         width="180">
       </el-table-column>
       <el-table-column
         prop="name"
         label="姓名"
         width="180">
       </el-table-column>
       <el-table-column
         prop="phone"
         label="电话"
         width="180">
       </el-table-column>
       <el-table-column
         prop="email"
         label="邮箱"
         width="180">
       </el-table-column>
       <el-table-column
         prop="address"
         label="地址"
         width="180">
       </el-table-column>
       <el-table-column
         prop="createTime"
         label="创建时间">
       </el-table-column>
     </el-table>

     <el-pagination
       background
       layout="prev, pager, next"
       :total=totals
       :page-size=pageSize
       :current-page=currentPage
       @current-change="changePage"
     >
     </el-pagination>
  </div>
</template>


<script>
export default {
  name: 'Table2',
  data() {
    return {
      totals:0,
      pageSize:3,
      currentPage:1,
      tableData: []
     }
    },methods:{
    changePage(ss){
      this.currentPage=ss
      this.getlist()
    },
    getlist(){
      let t2 = {"pageSize": this.pageSize, "currentPage": this.currentPage};
      this.$http.post("/user/list",t2)
      .then(result=>{
        this.tableData = result.data.rows
        this.totals = result.data.totals
      }).catch(result=>{
        alert("出错啦")
      })
    }
  },

  mounted() {
      this.getlist()
  }
}
</script>

